

<title>后台管理员</title>
  
<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="/">主页</a>
        <a><cite>用户管理</cite></a>
        <a><cite>用户列表</cite></a>
    </div>
</div>

<div class="layui-fluid">   
  <div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="layadmin-useradmin-formlist">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">部门</label>
                <div class="layui-input-block">
                    <select name="department_id" id="department_id">
                        <option value="">所有</option>
                        <option value="1">一分厂</option>
                        <option value="2">二分厂</option>
                        <option value="3">三分厂</option>
                        <option value="4">四分厂</option>
                        <option value="5">五分厂</option>
                        <option value="6">六分厂</option>
                        <option value="7">七分厂</option>
                        <option value="8">八分厂</option>
                        <option value="9">九分厂</option>
                        <option value="10">十分厂</option>
                        <option value="11">十一分厂</option>
                        <option value="12">十二分厂</option>
                        <option value="13">商务智能部</option>
                        <option value="14">总部</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">角色</label>
                <div class="layui-input-block">
                    <select name="role_id" id="role_id">
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">内容搜索</label>
                <div class="layui-input-block">
                    <input type="text" name="keyword" id="keyword" placeholder="请输入工号/姓名/联系电话" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-search">
                    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                </button>
            </div>
        </div>
    </div>
    
    <div class="layui-card-body">
      <div style="padding-bottom: 10px;">
        <button class="layui-btn layuiadmin-btn-admin" data-type="batchdel">删除</button>
        <button class="layui-btn layuiadmin-btn-admin" data-type="add">添加</button>
      </div>
      
      <table id="LAY-user-back-manage" lay-filter="LAY-user-back-manage"></table>
      <script type="text/html" id="table-useradmin-admin">
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
      </script>
    </div>
  </div>
</div>

<script>
layui.use('useradmin', layui.factory('useradmin')).use(['admin', 'useradmin', 'table'], function(){
  var $ = layui.$
  ,admin = layui.admin
  ,view = layui.view
  ,table = layui.table
  ,form = layui.form;
  
  form.render(null, 'layadmin-useradmin-formlist');

    $.ajax({
        type:'post',
        url:layui.setter.apiUrl+'/admin/user/find_user_role_list',
        data:'',
        dataType:'json',
        async:true,
        success:function(json){ 
            var option = '<option value="">请选择</option>';  //默认值
            if(json.data.length > 0){
                for(var i=0;i<json.data.length;i++){ 
                    //循环获取返回值，并组装成html代码
                    option +="<option value='"+json.data[i].id+"'>"+json.data[i].role_name+"</option>";
                }
            }
            $("#role_id").html(option);
            form.render('select');
        },
    });

  //监听搜索
  form.on('submit(LAY-user-back-search)', function(data){
    var field = data.field;
    
    //执行重载
    table.reload('LAY-user-back-manage', {
      where: field
    });
  });

  //事件
  var active = {
    batchdel: function(){
      var checkStatus = table.checkStatus('LAY-user-back-manage')
      ,checkData = checkStatus.data; //得到选中的数据

      if(checkData.length === 0){
        return layer.msg('请选择数据');
      }
      var ids = [];   //声明数组
        for (var i = 0; i < checkData.length; i++) {
            ids.push(checkData[i].id);
        }
      
    layer.confirm('确定删除吗？', function(index) {
      
      //执行 Ajax 后重载
      $.ajax({
            type:'post',
            dataType:'json',
            data:{ "id": ids.join(',') },
            url: layui.setter.apiUrl+"/admin/user/del_user",
            success:function(json){

                if (json.code == 0) {
                    layer.msg(result.msg, {icon:6, time:1500}, function() {
                        table.reload('LAY-user-back-manage');
                    }) 
                } else {
                    layer.msg(json.msg, { icon: 5, time:1500});
                }
            }
        });
      table.reload('LAY-user-back-manage');
      layer.msg('已删除');
    });
    }
    ,add: function(){
      admin.popup({
        title: '添加管理员'
        ,area: ['420px', '450px']
        ,id: 'LAY-popup-useradmin-add'
        ,success: function(layero, index){
          view(this.id).render('user/administrators/adminform').done(function(){
            form.render(null, 'layuiadmin-form-admin');
            
            //监听提交
            form.on('submit(LAY-user-back-submit)', function(data){
              var field = data.field; //获取提交的字段

                //提交 Ajax 成功后，关闭当前弹层并重载表格
                $.ajax({
                    type:'post',
                    dataType:'json',
                    data:field,
                    url: layui.setter.apiUrl+"/admin/user/save_user",
                    success:function(json){
                        if (json.code == 0) {
                            layer.msg(json.msg, {icon:6, time:1500});
                          layui.table.reload('LAY-user-back-manage'); //重载表格
                          layer.close(index); //执行关闭 
                        } else {
                            layer.msg(json.msg, { icon: 5, time:1500});
                        }
                    }
                });
            });
          });
        }
      });
    }
  }  
  $('.layui-btn.layuiadmin-btn-admin').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });
});
</script>